import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_animate/flutter_animate.dart';
import 'package:mandoby/core/app_export.dart';
import 'package:mandoby/core/utils/app_colors.dart';
import 'package:mandoby/core/widgets/custom_elevated_button.dart';
import 'package:mandoby/core/widgets/custom_scaffold_widget.dart';
import 'package:mandoby/features/plans/presentation/pages/plans_screens.dart';
import 'package:nb_utils/nb_utils.dart';
import '../../../../core/widgets/app_bar/custom_app_bar.dart';
import '../../../../core/widgets/custom_bottom_bar.dart';
import '../../../../core/widgets/custom_text_form_field.dart';
import '../../../specialist/presentation/widgets/specialist_text_row.dart';

class SignIn2Screen extends StatelessWidget {
  const SignIn2Screen({super.key});

  @override
  Widget build(BuildContext context) {
    return CustomScaffoldWidget(
        navBar: CustomBottomBar(selectedIndex: 0),

        decoration: AppDecoration.gradientWhiteAToBlue900,
        appBar: const CustomAppBar(),
        body: ListView(
          children: [
            Container(
              color: AppColors.primary,
              padding: EdgeInsets.all(10.h),
              child: Text(
                "يتم تصديق جميع المستندات من وزارة الخارجيه الكويتية والقنصلية المصرية فى الكويت ويتم تصديق الشهادة الدراسية فى المكتب الثقاقي المصري فى الكويت",
                style: CustomTextStyles.font17white700
                    .copyWith(fontWeight: FontWeight.w900),
              ),
            ).animate().slideY(),
            20.hs,
            Text(
              "من فضلك قم بأرفاق التالي أو ارسالهم على واتس اب  ",
              style: CustomTextStyles.font17black500,
              textAlign: TextAlign.center,
            ),
            10.hs,
            Column(
              children: [
                SpecialistTextRow(
                  txt: "اصل شهادة الثانوية",
                  color: AppColors.primary,
                ).animate().slideX(duration: 450.ms),
                10.hs,
                SpecialistTextRow(
                  txt: "مستخرج جواز السفر من ادارة الجنسية والجوازات (الضجيج)",
                  color: AppColors.primary,
                ).animate().slideX(duration: 550.ms),
                10.hs,
                SpecialistTextRow(
                  txt: "مستخرج شهادة الميلاد من ادارة المواليد والوفيات (حولي)",
                  color: AppColors.primary,
                ).animate().slideX(duration: 650.ms),
                10.hs,
                SpecialistTextRow(
                  txt: "عدد 8 صور شخصية",
                  color: AppColors.primary,
                ).animate().slideX(duration: 750.ms),
              ],
            ).paddingSymmetric(horizontal: 10.w),
            10.hs,
            Container(
              margin: EdgeInsets.symmetric(horizontal: 50.w),
              padding: EdgeInsets.all(20.h),
              decoration: BoxDecoration(
                  borderRadius: BorderRadius.circular(10.h),
                  color: AppColors.whiteA700),
              child: Column(
                children: [
                  Icon(
                    Icons.file_upload_outlined,
                    color: AppColors.primary,
                    size: 50.h,
                  ),
                  10.hs,
                  Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      Container(
                        width: 80.w,
                        height: 50,
                        decoration: BoxDecoration(
                            color: const Color(0xff019FE0),
                            borderRadius: BorderRadius.only(
                                bottomRight: Radius.circular(10.h),
                                topRight: Radius.circular(10.h))),
                        child: Center(
                          child: Text(
                            "تحميل",
                            style: CustomTextStyles.font20whiteA700w400
                                .copyWith(fontWeight: FontWeight.w800),
                          ),
                        ),
                      ),
                      Container(
                        width: 160.w,
                        height: 50,
                        decoration: BoxDecoration(
                            color: const Color(0x33019fe0),
                            borderRadius: BorderRadius.only(
                                bottomLeft: Radius.circular(10.h),
                                topLeft: Radius.circular(10.h))),
                        child: Center(
                          child: Text(
                            "اختر الصور",
                            style: CustomTextStyles.font14black800
                                .copyWith(fontWeight: FontWeight.w400),
                          ),
                        ),
                      ),
                    ],
                  ),
                  10.hs,
                  Text(
                    "او",
                    style: CustomTextStyles.font20whiteA700w400.copyWith(
                        fontWeight: FontWeight.w800, color: AppColors.primary),
                  ),
                  10.hs,
                  Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      Text(
                        "01114566099",
                        style: CustomTextStyles.font20whiteA700w400.copyWith(
                            fontWeight: FontWeight.w800,
                            color: AppColors.primary),
                      ),
                      Image.asset("assets/images/whatsApp.png"),
                    ],
                  )
                ],
              ),
            ).animate().flip(duration: 850.ms),
            20.hs,
            CustomElevatedButton(
              text: "التالي",
              margin: EdgeInsets.symmetric(horizontal: 150.w),
              onPressed: (){
                PlansScreen().launch(context);
              },
              buttonStyle: const ButtonStyle(
                  backgroundColor: MaterialStatePropertyAll(Color(0xff019FE0))),
            ),
            50.hs,
          ],
        ));
  }
}
